<!DOCTYPE html>
<html>
<head>
    <meta charset='UTF-8'>
    <title>v-text指令</title>
    <script src="../js/vue.js"></script>
</head>
<body>
    <!-- 
        v-bind:单向绑定解析表达式简写为 ：xxx
        v-model:双向数据绑定
        v-for:遍历数组/对象/字符串
        v-on:绑定事件监听，简写为@
        v-if:动态控制节点是否存在
        v-else:动态控制节点是否存在
        v-show:动态控制节点是否展示
     -->
    <div id="root">
        <div>hi，{{name}}</div>
        <div v-text="name">你好</div>//v-text会把标签清空将name的值放进来
        <div v-text="str"></div>
    </div>
</body>
<!--   JS   -->
    <script>
        new Vue({
            el:'#root',
            data:{
                str:'<h3>hello</h3>',
                name:'陆沉'
            }
        })
    </script>
</html>